import React from "react"
// import KepDemo from "./keyDemo"
// import MyNav from "./MyNav"
// import StateComponent from "./StateComponent.jsx"
//    import ComponentLife from "./ComponentLife";
// import SetStateDemo from "./setStateDemo.jsx";
// import IfDemo from "./ifDemo.jsx";
//    import KeyDemo from "./keyDemo";
// import FormDemo from "./formDemo";
// import Ref from "./RefAndDom";
// import Refs from "./RefsForm";
// import Parent from "./components/parent.jsx";
// import Compose from "./compose";
import Props from "./propsTypeDemo";
//用类的形式创建组件
export default class App extends React.Component{
    // constructor(){
    //     super();
    //     this.state={
    //         title:"文本1"
    //     }
    // }
    // clickChang=(data)=>{
    //     this.setState({
    //         title:data
    //     })
    // }
    //渲染函数
    render(){
        // const nav1=["首页","视频","学习"];
        // const nav2=["web","java","node"];
        return (
        <div>
            {/* <h1>认真学习，你可以的</h1>
            <h2>放松心态，全力以赴</h2>
            <MyNav nav={nav1} title="路径导航"/>
            <MyNav nav={nav2} title="学习导航"/> */}
            {/* <StateComponent /> */}
            {/* <ComponentLife title={this.state.title} clickChangs={this.clickChang}/> */}
            {/* <SetStateDemo /> */}
            {/* <IfDemo /> */}
            {/* <KeyDemo /> */}
            {/* <FormDemo />
            <Ref />
            <Refs /> */}
            {/* <Parent /> */}
           {/* <Compose>
               <div>我是组合效果</div>
           </Compose> */}
           <Props title="标题"/>
            
            
            
        </div>
    )
    }
}